/** Add css rules here for your application. */

h1 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

body, td, a, div, .p {
    font-family: arial, sans-serif
}


.dateBoxPopup {

}

.table {

}

.CalendarWidget {
    border: 1px solid #888;
    cursor: default;
    background-color: #888;
}

.empty {

}

.cell {
    padding: 4px;
    cursor: hand;
    cursor: pointer;
    font-size: 75%;
    text-align: center;
    outline: none;
}

.cell:hover {
    background-color: #f5f5dc;
}
.today {
    background-color:#f0ffff;
}

.day {

}

.days
{
    background: #c1c1c1;
    padding: 0px 4px 2px;
    cursor: default;
}

.navbar {
    width: 100%;
}

.header {

    background-color: #a9a9a9;
}

.button {
    border-top: 1px solid #96d1f8;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
}
.button:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
}
.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}